<template>
    <base-page>
        <view slot="center" class="auto-100 section bg-gray">
            <!-- #ifdef MP-WEIXIN -->
            <cu-custom :isBack="true" bgColor="bg-white">
                <block slot="content">扶贫专区</block>
            </cu-custom>
            <!-- #endif -->
            <!-- #ifdef H5 -->
            <block v-if="!isNativeApp()">
                <cu-custom :isBack="true" bgColor="bg-white">
                    <block slot="content">扶贫专区</block>
                </cu-custom>
            </block>
            <!-- #endif -->
            <view class="content">
                <!-- <view class="across">
                    <scroll-view class="scroll-seckill" :scroll-x="true" :scroll-with-animation="true" v-if="discountGoods.length > 0">
                        <view class="scroll-seckill-item" v-for="(item, inx) in discountGoods" :key="inx">
                            <image :src="$Utils.img(item.sku_image)" mode="aspectFit" class="image-radius"></image>
                            <view class="seckill-goods-title line-text">{{ item.goods_name }}</view>
                            <view class="seckill-goods-price">￥{{ item.seckill_price }}</view>
                        </view>
                    </scroll-view>
                </view> -->
            </view>
        </view>
    </base-page>
</template>

<script>
import { getHelpPoverty } from '@/common/js/request/modules/public.js'

export default {
    data() {
        return {
            discountGoods: [],
        };
    },
    onLoad(e) { },
    onShow(e) { },
    methods: {
        getHelpPovertyInfo() {
            getHelpPoverty({ site_id: 2 }).then(res => {
                this.discountGoods = res
                console.log(this.discountGoods);
            });
        }
    },
    mounted() {
        this.getHelpPovertyInfo()
    }
};
</script>

<style lang="scss">
.scroll-seckill {
    white-space: nowrap;
    width: 100%;
    .scroll-seckill-item {
        position: relative;
        display: inline-block;
        width: 190rpx;
        margin-right: 20rpx;
    }
    .image-radius {
        margin: 0 auto;
        max-width: 100%;
        max-height: 180rpx;
        background-color: #f9f9f9;
        padding: 10rpx 0;
        // border-radius: 12rpx;
    }
    .seckill-goods-title {
        width: 100%;
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 400;
        color: #222222;
        margin: 10rpx 0 6rpx;
    }
    .seckill-goods-price {
        font-size: 20rpx;
        font-family: PingFang SC;
        font-weight: 400;
        color: #ff364e;
    }
}
</style>
